html {
    background: #02050c;
}

body {
    overflow: auto;
    background: url("../images/bg.jpg") no-repeat;
    width: 4352px;
    height: 1536px;
}

header.navContainer {
    width: 1520px;
    position: absolute;
    top: 75px;
    left: 1420px;
    display: flex;
    flex-direction: row;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    line-height: 90px;
    text-align: center;
    z-index: 999999;
}

header.navContainer > div {
    flex: 1;
    cursor: pointer;
}

section.part {
    display: flex;
    flex-direction: row;
    width: 4352px;
    margin: 0 15px;
    color: #fff;
    text-align: center;
}

section.part > section {
    flex: 1;
    position: relative;
}

section.partTop {
    height: 940px;
}

section.partBottom {
    height: 596px;
}

section.part .topTitle {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    font-size: 35px;
}

section.partTop .topTitle {
    top: 70px;
}

section.partBottom .topTitle {
    top: 0;
}

section.part .bottomButton {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 30px;
    width: 191px;
    height: 73px;
    line-height: 80px;
    font-weight: bold;
    background-image: url("../images/bgButton.png");
}

section.part .bottomButton:hover {
    color: #ff0;
    cursor: pointer;
}

section.part .content {
    position: absolute;
    width: 980px;
    /* 测试用背景色 */
    /*background-color: #0006;*/
}

section.partTop .content {
    height: 690px;
}

section.partTop .content1,
section.partTop .content4 {
    top: 115px;
}

section.partTop .content2,
section.partTop .content3 {
    top: 250px;
}

section.partTop .content1 {
    left: 55px;
}

section.partTop .content2 {
    left: 50px;
}

section.partTop .content3 {
    left: 30px;
}

section.partTop .content4 {
    left: 20px;
}

section.partBottom .content {
    height: 420px;
}

section.partBottom .content1,
section.partBottom .content4 {
    top: 40px;
}

section.partBottom .content2,
section.partBottom .content3 {
    top: 45px;
}

section.partBottom .content1 {
    left: 55px;
}

section.partBottom .content2 {
    left: 50px;
}

section.partBottom .content3 {
    left: 30px;
}

section.partBottom .content4 {
    left: 20px;
}

.rotateBackground {
    transform: rotate(180deg);
}

.rotateBackground > div {
    transform: rotate(180deg);
}